﻿<!DOCTYPE html>
<html>
	<head>
		<title>NGRNetwork</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="shortcut icon" href="img/favicon.png">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="style/bootstrap.min.css">
		<link rel="stylesheet" href="font-awesome/4.3.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="style/icon.css">
		<link rel="stylesheet" href="style/loader.css">
		<link rel="stylesheet" href="style/idangerous.swiper.css">
		<link rel="stylesheet" href="style/stylesheet.css">
		<!--[if lt IE 10]>
			<link rel="stylesheet" type="text/css" href="style/ie-9.css" />
		<![endif]-->		
		<!--[if lt IE 9]>
		    <script src="script/html5shiv/3.7.2/html5shiv.min.js"></script>
		    <script src="script/respond/1.4.2/respond.min.js"></script>
	    <![endif]-->
	</head>
	<body>

	<!-- THE LOADER -->
	
	<div class="be-loader">
	    	<div class="spinner">
				<div class="spinner-container container1">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
				</div>
			  	<div class="spinner-container container2">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
			  	</div>
			  	<div class="spinner-container container3">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
  				</div>
			</div>
	    </div>
	<!-- THE HEADER -->
	<header>
		<div class="container-fluid custom-container">
			<div class="row no_row row-header">
				<div class="brand-be">
					<a href="index.html"><img src="img/logo.png" alt="logo" class="be_logo">
					</a>
				</div>
				<div class="header-menu-block">
					<button class="cmn-toggle-switch cmn-toggle-switch__htx"><span></span></button>
					<ul class="header-menu" id="one">
						<li><a href="search.html">Find Projects</a><i class="fa fa-angle-down"></i>
							<ul>
								<li>
									<a href="activity.html">ACTIVITY</a>
									<i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i>
									<ul>
										<li><a href="page1.html">PAGE 1</a></li>
										<li><a href="page2.html">PAGE 2</a></li>
										<li><a href="page3.html">PAGE 3</a></li>
									</ul>
								</li>
								<li><a href="search.html">SEARCH</a></li>
							</ul>
						</li>
						<li><a href="activity.html">Jobs</a></li>
						<li><a href="search.html">Find Candidates</a><i class="fa fa-angle-down"></i>
							<ul>
								<li><a href="author-edit.html">AUTHOR EDIT</a></li>
								<li><a href="author-login.html">AUTHOR LOGIN</a></li>
								<li><a href="messages.html">MESSAGES</a></li>
								<li><a href="messages-2.html">MESSAGES 2</a></li>
							</ul>
						</li>
						<li class="active-header"><a href="activity.html">Community</a><i class="fa fa-angle-down"></i>
						<ul>
							<li><a href="blog.html">BLOG</a></li>							
							<li><a href="blog-2.html">BLOG 2</a></li>						
							<li><a href="blog-3.html">BLOG 3</a></li>
							<li><a href="statictics.html">STATISTICS</a></li>
							<li><a href="faq.html">FAQ</a></li>
							<li><a href="about-us.html">ABOUT US</a></li>
							<li><a href="contact-us.html">CONTACT US</a></li>
							<li><a href="shortcodes.html">SHORTCODES</a></li>
						</ul></li>
					</ul>
				</div>
				<div class="login-header-block">
					<div class="login_block">
						<a class="btn-login btn color-1 size-2 hover-2" href="blog-detail-2.html"><i class="fa fa-user"></i>
						Log in</a>
					</div>	
				</div>
			</div>
		</div>
	</header>	


	<!-- MAIN CONTENT -->
	<div id="content-block">
		<div class="container custom-container be-detail-container">
			<div class="row">
				<div class="col-md-9 col-md-push-3">
					<div class="be-large-post">
						<div class="info-block">
						<div class="be-large-post-align">
							<span><i class="fa fa-thumbs-o-up"></i> 253</span>
							<span><i class="fa fa-eye"></i> 753</span>
							<span><i class="fa fa-comment-o"></i> 50</span>
						</div>
						</div>
						<div class="blog-content be-large-post-align">
							<h5 class="be-post-title">
								Integer Blandit Velit Nec Purus Convallis	
							</h5>
							<span class="be-text-tags">
								<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>, 
								<a href="blog-detail-2.html" class="be-post-tag">UI/UX</a>,  
								<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>
							</span>
							<div class="clear"></div>
							<div class="be-largepost-iframe 
							embed-responsive embed-responsive-16by9">
								<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/124626586" frameborder="0"></iframe>
							</div>
							<div class="post-text">
								<p>Fusce dolor libero, efficitur et lobortis at, faucibus nec nunc. Proin fermentum turpis eget nisi facilisis lobortis. Praesent malesuada facilisis maximus. Donec sed lobortis tortor. Ut nec lacinia sapien, sit amet dapibus magna. Vestibulum nunc ex, tempus et volutpat nec, convallis ut massa. Sed ultricies luctus ipsum in placerat.</p>

								<p>Mauris ultrices pharetra lectus sit amet commodo. Fusce ac sagittis magna. Nulla sed ligula sed dui tristique convallis non sit amet dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>							
							</div>							
						</div>
						<div class="be-large-post-align">
							<h3 class="letf-menu-article">
								Tags
							</h3>
							<div class="tags_block clearfix">
								<ul>
									<li><a href="blog-detail-2.html">photoshop</a></li>
									<li><a href="blog-detail-2.html">national geographic</a></li>
									<li><a href="blog-detail-2.html">nature</a></li>
									<li><a href="blog-detail-2.html">responsive web design</a></li>
									<li><a href="blog-detail-2.html">animals</a></li>
									<li><a href="blog-detail-2.html">digital photography</a></li>
								</ul>
							</div>
						</div>						
					</div>
					<div class="row">
						<div class="col-md-4">
							<div class="be-post">
								<a href="blog-detail-2.html" class="be-img-block">
								<img src="img/p3.jpg" alt="omg">
								</a>
								<a href="blog-detail-2.html" class="be-post-title">Colors of Ramadan</a>
								<span>
									<a href="blog-detail-2.html" class="be-post-tag">Interaction Design</a>, 
									<a href="blog-detail-2.html" class="be-post-tag">UI/UX</a>,  
									<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>
								</span>
								<div class="author-post">
									<img src="img/a5.png" alt="" class="ava-author">
									<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
								</div>
								<div class="info-block">
									<span><i class="fa fa-thumbs-o-up"></i> 360</span>
									<span><i class="fa fa-eye"></i> 789</span>
									<span><i class="fa fa-comment-o"></i> 20</span>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="be-post">
								<a href="blog-detail-2.html" class="be-img-block">
								<img src="img/p4.jpg" alt="omg">
								</a>
								<a href="blog-detail-2.html" class="be-post-title">Leaving Home - L'Officiel Ukraine</a>
								<span>
									<a href="blog-detail-2.html" class="be-post-tag">Interaction Design</a>, 
									<a href="blog-detail-2.html" class="be-post-tag">UI/UX</a>,  
									<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>
								</span>
								<div class="author-post">
									<img src="img/a5.png" alt="" class="ava-author">
									<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
								</div>
								<div class="info-block">
									<span><i class="fa fa-thumbs-o-up"></i> 360</span>
									<span><i class="fa fa-eye"></i> 789</span>
									<span><i class="fa fa-comment-o"></i> 20</span>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="be-post">
								<a href="blog-detail-2.html" class="be-img-block">
								<img src="img/p5.jpg" alt="omg">
								</a>
								<a href="blog-detail-2.html" class="be-post-title">Drive Your World</a>
								<span>
									<a href="blog-detail-2.html" class="be-post-tag">Interaction Design</a>, 
									<a href="blog-detail-2.html" class="be-post-tag">UI/UX</a>,  
									<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>
								</span>
								<div class="author-post">
									<img src="img/a9.png" alt="" class="ava-author">
									<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
								</div>
								<div class="info-block">
									<span><i class="fa fa-thumbs-o-up"></i> 360</span>
									<span><i class="fa fa-eye"></i> 789</span>
									<span><i class="fa fa-comment-o"></i> 20</span>
								</div>
							</div>
						</div>
					</div>
					<div class="be-comment-block">
						<h1 class="comments-title">Comments (3)</h1>
						<p class="about-comment-block">
							You must <a href="blog-detail-2.html" class="be-signup-link">SIGN UP</a>
							 to join the conversation.
						</p>
						<div class="be-comment">
								<div class="be-img-comment">	
									<a href="blog-detail-2.html">
										<img src="img/c1.png" alt="" class="be-ava-comment">
									</a>
								</div>
								<div class="be-comment-content">
									
										<span class="be-comment-name">
											<a href="blog-detail-2.html">Ravi Sah</a>
											</span>
										<span class="be-comment-time">
											<i class="fa fa-clock-o"></i>
											May 27, 2015 at 3:14am
										</span>

									<p class="be-comment-text">
										Pellentesque gravida tristique ultrices. 
										Sed blandit varius mauris, vel volutpat urna hendrerit id. 
										Curabitur rutrum dolor gravida turpis tristique efficitur.
									</p>
								</div>
								
							</div>
						<div class="be-comment">
							<div class="be-img-comment">	
									<a href="blog-detail-2.html">
										<img src="img/c2.png" alt="" class="be-ava-comment">
									</a>
								</div>
								<div class="be-comment-content">
									
										<span class="be-comment-name">
											<a href="blog-detail-2.html">Phoenix, the Creative Studio</a>
									</span>
										<span class="be-comment-time">
											<i class="fa fa-clock-o"></i>
											May 27, 2015 at 3:14am
										</span>

									<p class="be-comment-text">
										Nunc ornare sed dolor sed mattis. In scelerisque dui a arcu mattis, at maximus eros commodo. Cras magna nunc, cursus lobortis luctus at, sollicitudin vel neque. Duis eleifend lorem non ant. Proin ut ornare lectus, vel eleifend est. Fusce hendrerit dui in turpis tristique blandit.
									</p>
									</div>
								
							</div>
						<div class="be-comment">
							<div class="be-img-comment">	
									<a href="blog-detail-2.html">
										<img src="img/c3.png" alt="" class="be-ava-comment">
									</a>
								</div>
								<div class="be-comment-content">
										<span class="be-comment-name">
											<a href="blog-detail-2.html">Dorian Camp</a>
									</span>
										<span class="be-comment-time">
											<i class="fa fa-clock-o"></i>
											May 27, 2015 at 3:14am
										</span>
									<p class="be-comment-text">
										Cras magna nunc, cursus lobortis luctus at, sollicitudin vel neque. Duis eleifend lorem non ant
									</p>
								</div>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-md-pull-9 left-feild">
					<div class="be-user-block">
						<div class="be-user-detail">
							<a class="be-ava-user" href="blog-detail-2.html">
								<img src="img/ava.png" alt=""> 
							</a>
							<p class="be-use-name">Daniel Ng</p>
							<span class="be-user-info">
								Singapore, Singapore
							</span>
						</div>
						<div class="be-user-activity-block">
							<div class="row">
							<div class="col-lg-6">
								<a href="blog-detail-2.html" class="be-user-activity-button be-follow-type"><i class="fa fa-plus"></i>FOLLOW</a>
							</div>
							<div class="col-lg-6">
								<a href="blog-detail-2.html" class="col-lg-6 be-user-activity-button be-message-type"><i class="fa fa-envelope-o"></i>MESSAGE</a>
							</div>
							</div>
						</div>
						<h5 class="be-title">
							About Project
						</h5>
						<p class="be-text-userblock">
							Fusce dolor libero, efficitur et lobortis at, faucibus nec nunc. Proin fermentum turpis eget nisi facilisis lobortis. Praesent malesuada facilisis maximus. Donec sed lobortis tortor. Ut nec lacinia sapien, sit amet dapibus magna.
						</p>
					</div>
					<a href="blog-detail-2.html" class="be-button-vidget blue-style"><i class="fa fa-thumbs-o-up"></i>LIKE PROJECT</a>
					<a href="blog-detail-2.html" class="be-button-vidget grey-style"><i class="fa fa-file-o"></i>ADD TO COLLECTION</a>

					<h3 class="letf-menu-article text-center">Recent Works</h3>	
					<div  class="swiper-container" data-autoplay="5000" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="1">
                        <div class="swiper-wrapper">
                            	<div class="swiper-slide">
	                            	<div class="be-post">
										<a href="blog-detail-2.html"class="be-img-block">
										<img src="img/p9.jpg" height="202" width="269" alt="omg">
										</a>
										<a href="blog-detail-2.html" class="be-post-title">NAHA Finalist Hairstylist of the Year Allen Ruiz</a>
										<span>
											<a href="blog-detail-2.html" class="be-post-tag">Art direction</a>, 
											<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>,  
											<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>
										</span>
										<div class="author-post">
											<img src="img/ava.png" alt="" class="ava-author">
											<span>by <a href="blog-detail-2.html">Daniel Ng</a></span>
										</div>
										<div class="info-block">
											<span><i class="fa fa-thumbs-o-up"></i> 253</span>
											<span><i class="fa fa-eye"></i> 753</span>
											<span><i class="fa fa-comment-o"></i> 50</span>
										</div>
									</div>
	                            </div>
	                            <div class="swiper-slide">
	                            	<div class="be-post">
										<a href="blog-detail-2.html"class="be-img-block">
										<img src="img/p9.jpg" height="202" width="269" alt="omg">
										</a>
										<a href="blog-detail-2.html" class="be-post-title">NAHA Finalist Hairstylist of the Year Allen Ruiz</a>
										<span>
											<a href="blog-detail-2.html" class="be-post-tag">Art direction</a>, 
											<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>,  
											<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>
										</span>
										<div class="author-post">
											<img src="img/ava.png" alt="" class="ava-author">
											<span>by <a href="blog-detail-2.html">Daniel Ng</a></span>
										</div>
										<div class="info-block">
											<span><i class="fa fa-thumbs-o-up"></i> 253</span>
											<span><i class="fa fa-eye"></i> 753</span>
											<span><i class="fa fa-comment-o"></i> 50</span>
										</div>
									</div>
	                            </div>
	                            <div class="swiper-slide">
	                            	<div class="be-post">
										<a href="blog-detail-2.html"class="be-img-block">
										<img src="img/p9.jpg" height="202" width="269" alt="omg">
										</a>
										<a href="blog-detail-2.html" class="be-post-title">NAHA Finalist Hairstylist of the Year Allen Ruiz</a>
										<span>
											<a href="blog-detail-2.html" class="be-post-tag">Art direction</a>, 
											<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>,  
											<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>
										</span>
										<div class="author-post">
											<img src="img/ava.png" alt="" class="ava-author">
											<span>by <a href="blog-detail-2.html">Daniel Ng</a></span>
										</div>
										<div class="info-block">
											<span><i class="fa fa-thumbs-o-up"></i> 253</span>
											<span><i class="fa fa-eye"></i> 753</span>
											<span><i class="fa fa-comment-o"></i> 50</span>
										</div>
									</div>
	                            </div>
	                            <div class="swiper-slide">
	                            	<div class="be-post">
										<a href="blog-detail-2.html"class="be-img-block">
										<img src="img/p9.jpg" height="202" width="269" alt="omg">
										</a>
										<a href="blog-detail-2.html" class="be-post-title">NAHA Finalist Hairstylist of the Year Allen Ruiz</a>
										<span>
											<a href="blog-detail-2.html" class="be-post-tag">Art direction</a>, 
											<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>,  
											<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>
										</span>
										<div class="author-post">
											<img src="img/ava.png" alt="" class="ava-author">
											<span>by <a href="blog-detail-2.html">Daniel Ng</a></span>
										</div>
										<div class="info-block">
											<span><i class="fa fa-thumbs-o-up"></i> 253</span>
											<span><i class="fa fa-eye"></i> 753</span>
											<span><i class="fa fa-comment-o"></i> 50</span>
										</div>
									</div>
	                            </div>
                        </div>
                        <div class="pagination">
                        	
                        </div>
                    </div>
				</div>
			</div>
		</div>
	</div>

	<footer>
		<div class="footer_slider">
			<div class="swiper-container" data-autoplay="0" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="responsive" data-xs-slides="4" data-sm-slides="8" data-md-slides="14" data-lg-slides="19" data-add-slides="19">
	            <div class="swiper-wrapper">
	            	<div class="swiper-slide active" data-val="0">
	            		 <img class="img-responsive img-full" src="img/f1.jpg" alt="">
	            	</div>
	            	<div class="swiper-slide" data-val="1">
	            		 <img class="img-responsive img-full" src="img/f2.jpg" alt="">           		 
	            	</div>
	            	<div class="swiper-slide" data-val="2">
	            		 <img class="img-responsive img-full" src="img/f3.jpg" alt="">            		 
	            	</div>
	            	<div class="swiper-slide" data-val="3">
	            		 <img class="img-responsive img-full" src="img/f4.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="4">
	            		 <img class="img-responsive img-full" src="img/f5.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="5">
	            		 <img class="img-responsive img-full" src="img/f6.jpg" alt="">            		 
	            	</div>
	            	<div class="swiper-slide" data-val="6">
	            		 <img class="img-responsive img-full" src="img/f7.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="7">
	            		 <img class="img-responsive img-full" src="img/f8.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="8">
	            		 <img class="img-responsive img-full" src="img/f9.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="9">
	            		 <img class="img-responsive img-full" src="img/f10.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="10">
	            		 <img class="img-responsive img-full" src="img/f11.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="11">
	            		 <img class="img-responsive img-full" src="img/f12.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="12">
	            		 <img class="img-responsive img-full" src="img/f13.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="13">
	            		 <img class="img-responsive img-full" src="img/f14.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="14">
	            		 <img class="img-responsive img-full" src="img/f15.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="15">
	            		 <img class="img-responsive img-full" src="img/f16.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="16">
	            		 <img class="img-responsive img-full" src="img/f17.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="17">
	            		 <img class="img-responsive img-full" src="img/f18.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="18">
	            		 <img class="img-responsive img-full" src="img/f19.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="19">
	            		 <img class="img-responsive img-full" src="img/f1.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="20">
	            		 <img class="img-responsive img-full" src="img/f2.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="21">
	            		 <img class="img-responsive img-full" src="img/f3.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="22">
	            		 <img class="img-responsive img-full" src="img/f4.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="23">
	            		 <img class="img-responsive img-full" src="img/f5.jpg" alt="">	            		 
	            	</div>	            		            		            		            		            	
	            </div>
	            <div class="pagination hidden"></div>
	        </div>
        </div>	
		<div class="footer-main">
			<div class="container-fluid custom-container">
				<div class="row">	
					<div class="col-md-3 col-xl-4">
						<div class="footer-block">
							<h1 class="footer-title">About Us</h1>
							<p>Vestibulum tincidunt, augue fermentum accumsan viverra, eros dui rutrum libero, nec imperdiet felis sem in augue luctus <a href="blog-detail-2.html">diam a porta</a> iaculis. Vivamus sit amet fermentum nisl. Duis id <a href="blog-detail-2.html">massa id purus</a> tristique varius a sit amet est. Fusce dolor libero, efficitur et lobortis at, faucibus nec nunc.</p>
							<ul class="soc_buttons">
								<li><a href=""><i class="fa fa-facebook"></i></a></li>
								<li><a href=""><i class="fa fa-twitter"></i></a></li>
								<li><a href=""><i class="fa fa-google-plus"></i></a></li>
								<li><a href=""><i class="fa fa-pinterest-p"></i></a></li>
								<li><a href=""><i class="fa fa-instagram"></i></a></li>
								<li><a href=""><i class="fa fa-linkedin"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-xl-2">
						<div class="footer-block">
							<h1 class="footer-title">Some Links</h1>
							<div class="row footer-list-footer">
								<div class="col-md-6">
								<ul class="link-list">
									<li><a href="blog-detail-2.html">About Us</a></li>
									<li><a href="blog-detail-2.html">Help</a></li>
									<li><a href="blog-detail-2.html">Contacts</a></li>
									<li><a href="blog-detail-2.html">Job</a></li>
									<li><a href="blog-detail-2.html">Projets</a></li>
								</ul></div>
								<div class="col-md-6">
								<ul class="link-list">
									<li><a href="blog-detail-2.html">New Works</a></li>
									<li><a href="blog-detail-2.html">Popular Authors</a></li>
									<li><a href="blog-detail-2.html">New Authors</a></li>
									<li><a href="blog-detail-2.html">Career</a></li>
									<li><a href="blog-detail-2.html">FAQ</a></li>
								</ul></div>
							</div>
						</div>
					</div>				
					<div class="col-md-3 galerry">
						<div class="footer-block">					
							<h1 class="footer-title">Recent Works</h1>
							<a href="blog-detail-2.html"><img src="img/g1.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g2.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g3.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g4.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g5.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g6.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g7.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g8.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g9.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g10.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g11.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g12.jpg" alt=""></a>
						</div>
					</div>
					<div class="col-md-3">
						<div class="footer-block">
							<h1 class="footer-title">Subscribe On Our News</h1>
							<form action="./" class="subscribe-form">
								<input type="text" placeholder="Yout Name" required>
								<div class="submit-block">
									<i class="fa fa-envelope-o"></i>
									<input type="submit" value="">
								</div>
							</form>
							<div class="soc-activity">
								<div class="soc_ico_triangle">
									<i class="fa fa-twitter"></i>
								</div>
								<div class="message-soc">
									<div class="date">16h ago</div>
									<a href="blog-detail-2.html" class="account">@faq</a> vestibulum accumsan est <a href="blog-detail-2.html" class="heshtag">blog-detail-2.htmlmalesuada</a> sem auctor, eu aliquet nisi ornare leo sit amet varius egestas.
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container-fluid custom-container">
				<div class="col-md-12 footer-end clearfix">
					<div class="left">
						<span class="copy">© 2015. All rights <a href="http://www.bootstrapmb.com/">Reserved</a>. <span class="white"><a href="blog-detail-2.html"> NRGNetwork</a></span></span>
						<span class="created">Created with LOVE by <span class="white"><a href="blog-detail-2.html"> NRGThemes</a></span></span>
					</div>
					<div class="right">
						<a class="btn color-7 size-2 hover-9">About Us</a>
						<a class="btn color-7 size-2 hover-9">Help</a>
						<a class="btn color-7 size-2 hover-9">Privacy Policy</a>
					</div>
				</div>			
			</div>
		</div>		
	</footer>

	<div class="be-fixed-filter"></div>
	
	<div class="large-popup login">
		<div class="large-popup-fixed"></div>
		<div class="container large-popup-container">
			<div class="row">
				<div class="col-md-8 col-md-push-2 col-lg-6 col-lg-push-3  large-popup-content">
					<div class="row">
						<div class="col-md-12">
							<i class="fa fa-times close-button"></i>
							<h5 class="large-popup-title">Log in</h5>
						</div>
						<form action="./" class="popup-input-search">
						<div class="col-md-6">
							<input class="input-signtype" type="email" required="" placeholder="Your email">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="password" required="" placeholder="Password">
						</div>
						<div class="col-xs-6">
							<div class="be-checkbox">
							<label class="check-box">
								    <input id="" class="checkbox-input" type="checkbox" value="" name="" /> <span class="check-box-sign"></span>
								</label>
								<span class="large-popup-text">
									Stay signed in
								</span>
							</div>
							
							<a href="blog-detail-2.html" class="link-large-popup">Forgot password?</a>
						</div>
						<div class="col-xs-6 for-signin">
							<input type="submit" class="be-popup-sign-button" value="SIGN IN">
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="large-popup register">
		<div class="large-popup-fixed"></div>
		<div class="container large-popup-container">
			<div class="row">
				<div class="col-md-10 col-md-push-1 col-lg-8 col-lg-push-2 large-popup-content">
					<div class="row">
						<div class="col-md-12">
							<i class="fa fa-times close-button"></i>
							<h5 class="large-popup-title">Register</h5>
						</div>
						<form action="./" class="popup-input-search">
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="First Name">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Last Name">
						</div>
						<div class="col-md-6">
							<div class="be-custom-select-block">
							<select name="" id="" class="be-custom-select">
								<option value="" disabled selected>
									Country
								</option>
								<option value="">USA</option>
								<option value="">Canada</option>
								<option value="">England</option>
							</select>
							</div>
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Email">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Password">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Repeat Password">
						</div>
						<div class="col-md-12 be-date-block">
							<span class="large-popup-text">
								Date of birth
							</span>
							<div class="be-custom-select-block mounth">
								<select name="" id="" class="be-custom-select">
									<option value="" disabled selected>
										Mounth
									</option>
									<option value="">January</option>	
									<option value="">February</option>	
									<option value="">March</option>	
									<option value="">April</option>	
									<option value="">May</option>	
									<option value="">June</option>	
									<option value="">July</option>	
									<option value="">August</option>	
									<option value="">September</option>	
									<option value="">October</option>	
									<option value="">November</option>	
									<option value="">December</option>
								</select>
							</div>
							<div class="be-custom-select-block">
								<select name="" id="" class="be-custom-select">
									<option value="" disabled selected>
										Day
									</option>
									<option value="">1</option>
									<option value="">2</option>
									<option value="">3</option>
									<option value="">4</option>
									<option value="">5</option>
									<option value="">6</option>
									<option value="">7</option>
									<option value="">8</option>
									<option value="">9</option>
									<option value="">10</option>
									<option value="">11</option>
									<option value="">12</option>
									<option value="">13</option>
									<option value="">14</option>
									<option value="">15</option>
									<option value="">16</option>
									<option value="">17</option>
									<option value="">18</option>
									<option value="">19</option>
									<option value="">20</option>
									<option value="">21</option>
									<option value="">22</option>
									<option value="">23</option>
									<option value="">24</option>
									<option value="">25</option>
									<option value="">26</option>
									<option value="">27</option>
									<option value="">28</option>
									<option value="">29</option>
									<option value="">30</option>
								</select>
							</div>
							<div class="be-custom-select-block">
								<select name="" id="" class="be-custom-select">
									<option value="" disabled selected>
										Year
									</option>
									<option value="">1996</option>
									<option value="">1997</option>
									<option value="">1998</option>
								</select>
							</div>
						</div>
						<div class="col-md-6">
							<div class="be-checkbox">
								<label class="check-box">
								    <input id="" class="checkbox-input" type="checkbox" required="" value="" name="" /> <span class="check-box-sign"></span>
								</label>
								<span class="large-popup-text">
									I have read and agree to the <a class="be-popup-terms" href="blog-detail-2.html">Terms of Use</a> and <a class="be-popup-terms" href="blog-detail-2.html">Privacy Policy</a>.
								</span>
							</div>
							<div class="be-checkbox">
								<label class="check-box">
								    <input id="" class="checkbox-input" type="checkbox" value="" name="" /> <span class="check-box-sign"></span>
								</label>
								<span class="large-popup-text">
									Send me notifications
								</span>
							</div>
						</div>
						<div class="col-md-6 for-signin">
							<input type="submit" class="be-popup-sign-button" value="SIGN IN">
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- SCRIPT	-->
	<script src="script/jquery-2.1.4.min.js"></script>
	<script src="script/bootstrap.min.js"></script>		
	<script src="script/idangerous.swiper.min.js"></script>
	<script src="script/isotope.pkgd.min.js"></script>
	<script src="script/jquery.viewportchecker.min.js"></script>		
	<script src="script/global.js"></script>	
	</body>
</html>